<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<link rel="stylesheet" href="/media/css/screen.css" type="text/css" media="all" />
<link rel="stylesheet" href="/media/css/tjreport.css" type="text/css" media="all" />
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/start/jquery-ui.css" type="text/css" media="all" />

<script src="https://www.google.com/jsapi?key=ABQIAAAAKQJnPV5X13sbdflmeKBoUxSVNKmP8ool8xNEXY9YwPTJZpS9sRRO_KD8TvzmPUphBuM3SruqsWNslQ" type="text/javascript"></script>
<script type="text/javascript">
	google.load("jquery", "1.6.2");
  	google.load("jqueryui", "1.8.16");
	google.load('visualization', '1', {packages:['table']});
	google.load("visualization", "1", {packages:["corechart"]});
	google.load('visualization', '1', {packages:['orgchart']});
  	google.load("visualization", "1", {packages:["treemap"]});
</script>


<script src="/media/js/jquery.json-2.2.min.js" type="text/javascript"></script>


<script src="/media/js/jquery.simplemodal.1.4.1.min.js" type="text/javascript"></script>

<link rel="stylesheet" href="/media/cycle/cycle.css" type="text/css" media="all" />
<script src="/media/cycle/jquery.cycle.lite.js" type="text/javascript"></script>

<link rel="stylesheet" href="/media/listnav/listnav.css" type="text/css" media="all" />
<script src="/media/listnav/jquery.listnav.min-2.1.js" type="text/javascript"></script>

<link rel="stylesheet" href="/media/fullcalendar/fullcalendar.css" type="text/css" media="all" />
<script src="/media/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>

<link rel="stylesheet" href="/media/gantt/jQuery.Gantt/style.css" type="text/css" media="all" />
<script src="/media/gantt/jQuery.Gantt/js/jquery.fn.gantt.min.js" type="text/javascript"></script>

<link rel="stylesheet" href="/media/css/table.css" type="text/css" media="all" />

<link rel="stylesheet" href="/media/datatable/DataTables-1.9.1/media/css/jquery.dataTables.css" type="text/css" media="all" />
<script src="/media/jeditable/jquery.jeditable.min.js" type="text/javascript"></script>
<script src="/media/datatable/DataTables-1.9.1/media/js/jquery.dataTables.min.js" type="text/javascript"></script>
<script src="/media/tableDND/js/jquery.tablednd.js" type="text/javascript"></script>

<script type="text/javascript">
{% block head %}
	function hook(){};
{% endblock head %}

$(document).ready(function(){

	//all hover and click logic for buttons
	$(".fg-button:not(.ui-state-disabled)").hover(
		function(){
			$(this).addClass("ui-state-hover");
		}, function(){ 
			$(this).removeClass("ui-state-hover");
		})

	.mousedown(function(){
		$(this).parents('.fg-buttonset-single:first').find(".fg-button.ui-state-active").removeClass("ui-state-active");
		if( $(this).is('.ui-state-active.fg-button-toggleable, .fg-buttonset-multi .ui-state-active') ){ 
			$(this).removeClass("ui-state-active"); 
		}else { 
			$(this).addClass("ui-state-active"); 
		}
	})

	.mouseup(function(){
		if(! $(this).is('.fg-button-toggleable, .fg-buttonset-single .fg-button,  .fg-buttonset-multi .fg-button') ){
			$(this).removeClass("ui-state-active");
		}
	});
	hook();// function hook	
	
	var d = new Date();
	var curr_date = d.getDate();
	var curr_month = d.getMonth() + 1; //months are zero based
	var curr_year = d.getFullYear();
	var today=[curr_month,curr_date,curr_year].join('/');    
	//$('#today_banner').html('<img src="https://chart.googleapis.com/chart?chst=d_fnote_title&chld=pinned_c|1|004400|l|Today|'+today+'"></img>');
	$('#today_banner').html(today);
});

	$.ajaxSetup({ 
     	beforeSend: function(xhr, settings) {
         	function getCookie(name) {
             	var cookieValue = null;
             	if (document.cookie && document.cookie != '') {
                 	var cookies = document.cookie.split(';');
                 	for (var i = 0; i < cookies.length; i++) {
                     	var cookie = jQuery.trim(cookies[i]);
                     	// Does this cookie string begin with the name we want?
                 	if (cookie.substring(0, name.length + 1) == (name + '=')) {
                     	cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                     	break;
                 	}
             	}
         	}
         	return cookieValue;
         	}
         	if (!(/^http:.*/.test(settings.url) || /^https:.*/.test(settings.url))) {
             	// Only send the token to relative URLs i.e. locally.
             	xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'));
         	}
     	} 
	});
	
</script>
</head>

<body>

<div class="container ui-widget ui-widget-content">
<!---
<div id="sidebar" class="span-2 colborder" >
{% block sidebar %}
<b>Welcome</b>
<div><span id="today_banner"></span></div>
{% endblock sidebar %}
</div>
--->

<div class="span-24 last">
<div id="navigation" class="span-24">
{% block navigation %}
{% endblock navigation %}
</div>

<div id="content" class="span-24">
{% block content %}
Main contents go here.
{% endblock content %}
</div >

<div id="footnote" class="span-24 last">
{% block footnote %}
<div class="fancy">
	&copy; Webtj3 Project Team 2010-2011
	<span class="float_right">Credit To <a href="http://www.taskjuggler.org/">TaskJuggler</a></span>
</div>

{% endblock footnote %}
</div >

</div>
</body>
</html>
